<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Demo</title>
<!-- 商品销售排行 -->
<link  type="text/css" rel="stylesheet"  href="${pageContext.request.contextPath }/statics/homecss/style1.css"/>
<link  type="text/css" rel="stylesheet"  href="${pageContext.request.contextPath }/statics/homecss/index1.css"/>
<!-- 员工列表 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/jquery-easyui-1.5.2/themes/gray/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/jquery-easyui-1.5.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/jquery-easyui-1.5.2/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/homecss/index.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/statics/homecss/demo.css">

<script type="text/javascript" src="${pageContext.request.contextPath }/statics/jquery-easyui-1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/index.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>

<!--轮播  -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/homecss/luara.left.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/homecss/style.css"/>
<script src="${pageContext.request.contextPath }/statics/js/jquery.luara.0.0.1.min.js"></script>

<!-- 折线图 -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/homecss/tu/app.v2.css" type="text/css" />
<script src="${pageContext.request.contextPath }/statics/js/tu/jquery.flot.min.js" cache="false"></script>
<script src="${pageContext.request.contextPath }/statics/js/tu/jquery.flot.grow.js" cache="false"></script> 
<script src="${pageContext.request.contextPath }/statics/js/tu/demo.js" cache="false"></script>

<!-- 日历 -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/statics/homecss/time/time.css">
</head>
<body class="easyui-layout">
	<div region="north" border="true" class="cs-north">
		<h3>车辆进销存后台管理系统</h3>
	</div>
	<div region="west" border="true" split="true" title="【隐藏】" class="cs-west">
		<div class="easyui-accordion" fit="true" border="false">
				<div title="车辆信息管理">
					<p><a href="javascript:void(0);" src="${pageContext.request.contextPath }/carManager/CarList" class="cs-navi-tab">查看车辆信息列表</a></p>
					<p><a href="javascript:void(0);" src="${pageContext.request.contextPath }/carManager/Carstatistical" class="cs-navi-tab">产品数据统计</a></p>
					<!-- <a href="javascript:void(0);" src="CarManager/addcar.jsp" class="cs-navi-tab">新增车辆信息</a></p> -->
					<!-- <a href="javascript:void(0);" src="CarManager/addengine.jsp" class="cs-navi-tab">新增发动机配置</a></p> -->
				</div>
				<div title="进货管理">
					<p><a href="javascript:void(0);" src="stockManager/providerManager.jsp" class="cs-navi-tab">供货商管理</a></p>
					<p><a href="javascript:void(0);" src="stockManager/stockManager.jsp" class="cs-navi-tab">进货订单管理</a></p>
				</div>
				<div title="销售管理">
					<p><a href="javascript:void(0);" src="saleManager/saleOrder.jsp" class="cs-navi-tab">销售订单管理</a></p>
					<p><a href="javascript:void(0);" src="saleManager/queryStore.jsp" class="cs-navi-tab">查询库存</a></p>
				</div>
				<div title="退货管理">
					<p><a href="javascript:void(0);" src="returnOrderManager/returnOrderList.jsp" class="cs-navi-tab">退货单管理</a></p>
				</div>
				<div title="仓库管理">
					<p><a href="javascript:void(0);" src="storeManager/storelist.jsp" class="cs-navi-tab">显示所有车辆</a></p>
				</div>
				<div title="统计报表">
					<p><a href="javascript:void(0);" src="statisticalManager/baobiao.jsp" class="cs-navi-tab">销售报表统计</a></p>
				</div>
				<div title="账户管理">
					<p><a href="javascript:void(0);" src="userManager/userlist.jsp" class="cs-navi-tab">用户列表</a></p>
					<p><a href="javascript:void(0);" src="tree.html" class="cs-navi-tab">个人信息</a></p>
					<p><a href="javascript:void(0);" src="tree2.html" class="cs-navi-tab">权限分配</a></p>
				</div>
		</div>
	</div>
	<div id="mainPanle" region="center" border="true" border="false">
		 <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
             <div title="首页" id="first">
               <div class="example2">
			        <ul>
			            <li><img src="statics/images/1.jpg" alt="1"/></li>
			            <li><img src="statics/images/2.jpg" alt="2"/></li>
			            <li><img src="statics/images/3.jpg" alt="3"/></li>
			            <li><img src="statics/images/4.jpg" alt="4"/></li>
			        </ul>
			        <ol>
			            <li></li>
			            <li></li>
			            <li></li>
			            <li></li>
			        </ol>
   			  </div>
   			 <!--Luara图片切换骨架end-->
		    <script>
		        $(function(){
		            <!--调用Luara示例-->
		            $(".example2").luara({width:"1681",height:"460",interval:4500,selected:"seleted",deriction:"left"});
		
		        });
		    </script>
		  <div style="text-align:center;margin:50px 0; font:normal 14px/20px 'MicroSoft YaHei';"></div>
          <section class="scrollable padder">
              <div class="col-md-8">
                <section class="panel panel-default">
                  <header class="panel-heading font-bold">销售报表</header>
                  <div class="panel-body">
                    <div id="flot-1ine" style="height:210px;width: 900px;"></div>
                  </div>
                  <footer class="panel-footer bg-white no-padder"></footer>
                </section>
              </div>
            </section>
		  <table cellpadding="0" cellspacing="0" id="1">  
			    <tr>  
			        <td>  
			            <!--[if IE]>  
			                <style>  
			                    #cal #top{padding-top:4px} #cal #top input{width:65px} #cal #fd{width:170px}  
			                </style>  
			            <![endif]-->  
			            <div id="cal">  
			                <div id="top">  
			                    公元  
			                    <select>  
			                    </select>  
			                    年  
			                    <select>  
			                    </select>  
			                    月 农历  
			                    <span>  
			                    </span>  
			                    年 [  
			                    <span>  
			                    </span>  
			                    年 ]  
			                    <input type="button" value="回到今天" title="点击后跳转回今天" style="padding:0px">  
			                </div>  
			                <ul id="wk">  
			                    <li>  
			                        一  
			                    </li>  
			                    <li>  
			                        二  
			                    </li>  
			                    <li>  
			                        三  
			                    </li>  
			                    <li>  
			                        四  
			                    </li>  
			                    <li>  
			                        五  
			                    </li>  
			                    <li>  
			                        <b>  
			                            六  
			                        </b>  
			                    </li>  
			                    <li>  
			                        <b>  
			                            日  
			                        </b>  
			                    </li>  
			                </ul>  
			                <div id="cm">  
			                </div>  
			                <div id="bm">  
			                </div>  
			            </div>  
			        </td>  
			    </tr>  
			</table>  
		<div class="cs-home-remark">
			<table class="easyui-datagrid" title="员工的信息" style="width:700px;height:250px"
		data-options="url:'statics/json/datagrid_data3.json',fitColumns:true,nowrap:false,rownumbers:true,showFooter:true">
				<thead>
					<tr>
						<th data-options="field:'itemid',width:80" name="name">员工姓名</th>
						<th data-options="field:'productid',width:120" name="tel">联系方式</th>
						<th data-options="field:'listprice',width:80,align:'right'" name="job">职务</th>
						<th data-options="field:'attr1',width:250" name="site">住址</th>
						<th data-options="field:'status',width:60,align:'center'">Status</th>
					</tr>
				</thead>
			</table>
		</div>
       <div class="col-xs-6 ranking-style" id="rightCol" > 
         <div class="frame">
           <div class="title-name">
            <i></i>
            	商品销售排行
           <a href="#">+更多</a>
           </div>
         		<table class="table table-list">
         		  <thead>
           			 <tr>
            			 <th width="50">排名</th>
            			 <th>商品编号</th>
             			 <th>商品名称</th>
            			 <th width="80">销售数量</th>
           			</tr>
          		  </thead>
         		  <tbody>
           			 <tr>
            			 <td>
              				<em>1</em>
             			</td>
            			 <td>2355456</td>
             			 <td><a href="#">景观灯系列</a></td>
             			 <td>26</td>
           			 </tr>
            
             		 <tr>
             			<td><em>1</em></td>
             			<td>2355456</td>
             			<td><a href="#">景观灯系列</a></td>
             			<td>26</td>
            		</tr>
            
             		<tr>
             			<td><em>1</em></td>
             			<td>2355456</td>
           				<td><a href="#">景观灯系列</a></td>
             			<td>26</td>
            		</tr>
            
             		<tr>
             			<td><em>1</em></td>
             			<td>2355456</td>
             			<td><a href="#">景观灯系列</a></td>
             			<td>26</td>
            		</tr>
            
             		<tr>
             			<td><em>1</em></td>
             			<td>2355456</td>
             			<td><a href="#">景观灯系列</a></td>
             			<td>26</td>
            		</tr>
           		</tbody>
          	</table>
         </div>
       </div> 
	</div>
 </div>
</div>

<div id="mm" class="easyui-menu cs-tab-menu">
		<div id="mm-tabupdate">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabclose">关闭</div>
		<div id="mm-tabcloseother">关闭其他</div>
		<div id="mm-tabcloseall">关闭全部</div>
	</div>

<div region="south" border="false" class="cs-south"></div>
</body>
<script type="text/javascript" src="statics/js/time/time.js"></script>
</html>